/* CSS Document */

#tables table {
    /* padding: 10px 20px; */
    border: 1px dashed #000; 
    background-color: #669;
    margin: 5px;  
}

#tables table td, #tables table th {
    text-align: left;
}

#tables table caption {
    text-align: center;
    background-color: #99c;
    font-weight: bold;
    padding: 10px;
    border: 1px dashed #000;
    border-bottom: none;    
}

#tables #all-groups {
	clear: none;
}

#tables table#all-users caption {
    padding-left: 7px;
    padding-right: 7px;
}

#tables table tr#mouse-over {
    background-color: #66c;
}

#tables input {
    margin: 10px;
}

#tables #user-groups {
    width: 98%;
}

#tables #all-users {
    width: 35%;
}

#tables #all-groups {
    width: 62%;
}

#tables th {
    color: #ddd;
    background-color: #96f;
}

#tables th a {
    text-decoration: none;
    color: #fce;
    padding: 5px;
}

#tables th a span {
    padding-left: 3px;
    font-size: 1.2em;
}

#tables tr td {
    border-top: 1px dashed #66c;
}

#floating-info {
    background-color: #fe9;
    padding: 7px;
    border: 1px solid #eee;
    z-index: 4;
}

#floating-info span {
    color: #000;
}

#floating-info .field {
    margin: 2px 0;
}

#floating-info .field .label {
    font-weight: bold;
    color: #333;
}

#floating-info .field .value {
    font-size: 1.1em;
    margin-left: 3px;
    color: #033;
    padding: 2px;
    background-color: #fec;    
}

.cardId, .cardInfo .field #card-html,
.userInfo .field #user-fcard,
.groupInfo .value#group-fusers .ucard,
.gscoreInfo .value#gscore-fcards .card-code,
.usersCountInfo .value#ucount-fusers .ucard {
    font-size: 1.3em;
    font-family: Georgia, 'Times New Roman', Arial, Helvetica, sans-serif;
}

.box-field {
    margin-bottom: 3px;
    float: left;
}

.box-field, .info-field {
    padding: 1px 7px 1px 4px;
    border-width: 1px;
    border-style: solid;
    border-right-width: 2px;
}

.userId, .cardId, .groupId {
    cursor: pointer;
    margin-right: 3px;    
}

.userId {
    color: #003;
    background-color: #66f;
    border-color: #339;
    /* border-color: #99f; */
    font-weight: bold;
}

.groupId {
    background-color: #99c; /* ccf */
    border-color: #336; /* eef */
    font-weight: bold;    
}

.cardId {
    padding: 0 6px 0 3px;
    background-color: #feb;
    border-color: #000;
}

.cardId.red-suited {
    color: #c00;
}

.cardId.black-suited {
    color: #000;
}

.userId.score-negative {
    color: #336;
}

.userId.score-none {
    color: #339;
}

.userId.score-positive {
    color: #006; 
}

.groupId.score-win {
    color: #003; /*669*/
}

.groupId.score-process {
    color: #336;
}

.groupId.score-lose {
    color: #333;
}

.info-field.userScore {
    background-color: #99c;
    border-color: #669;
    font-weight: bold; 
    cursor: pointer;
}

.info-field.userGcount {
    background-color: #699;
    border-color: #366;
    font-weight: bold; 
    cursor: pointer;
}

.info-field.groupUcount {
    background-color: #696;
    border-color: #366;
    font-weight: bold; 
    cursor: pointer;	
}

.info-field.groupScore {
    background-color: #336;
    border-color: #99c;
    font-weight: bold; 
    cursor: pointer;	
}

.info-field.groupScore.score-win {
	color: #fff;
}

.info-field.groupScore.score-process {
	color: #999;
}

.info-field.groupScore.score-lose {
	color: #666;
}

.cardInfo.red-suited .value#card-html,
.userInfo.card-red-suited .value#user-fcard {
    color: #f00;
}

.cardInfo.black-suited .value#card-html,
.userInfo.card-black-suited .value#user-fcard {
    color: #000;
}

.value#user-gscore,
.groupInfo #group-score {
    font-weight: bold;
}

.userInfo.score-negative .value#user-gscore, 
.info-field.userScore.score-negative,
.groupInfo.score-lose #group-score {
    color: #600;
}

.userInfo.score-none .value#user-gscore, 
.info-field.userScore.score-none,
.groupInfo.score-process #group-score {
    color: #006;
}

.userInfo.score-positive .value#user-gscore, 
.info-field.userScore.score-positive,
.groupInfo.score-win #group-score {
    color: #060;
}

.value#user-fgroups .group-item,
.value#gcount-fgroups .group-item,
.value#group-fusers .user-item {
    padding-right: 5px;
    color: #333;
}

.value#user-fgroups .group-item .gucount,
.value#gcount-fgroups .group-item .gucount {
    padding-right: 2px;
}

.value#user-fgroups .group-lose .group-score,
.value#gcount-fgroups .group-lose .group-score,
.value#group-fusers .user-negative .user-score,
.value#ucount-fusers .user-negative .user-score {
    color: #c66;
}

.value#user-fgroups .group-process .group-score,
.value#gcount-fgroups .group-process .group-score,
.value#group-fusers .user-none .user-score,
.value#ucount-fusers .user-none .user-score {
    color: #66c;
}

.value#user-fgroups .group-win .group-score,
.value#gcount-fgroups .group-win .group-score,
.value#group-fusers .user-positive .user-score,
.value#ucount-fusers .user-positive .user-score {
    color: #6c6;
}

.value#user-frtime .datetime, 
.value#group-fctime .datetime {
    /* font-style: italic; */
    font-family: 'Times New Roman', Georgia, serif;
    font-size: 0.9em;
    color: #333;
}

.value#group-fusers .ucard.red-suited,
.value#ucount-fusers .ucard.red-suited,
.gscoreInfo .value#gscore-fcards .card-item.red-suited .card-code {
	padding-right: 2px;
    color: #c00;
}

.value#group-fusers .ucard.black-suited,
.value#ucount-fusers .ucard.black-suited,
.gscoreInfo .value#gscore-fcards .card-item.black-suited .card-code {
	padding-right: 2px;
    color: #000;
}

.value#gscore-fcards .card-item,
.value#ucount-fusers .user-item {
	padding-right: 4px;
}

.jabutton {
	cursor: pointer;
}

.jabutton.not-allowed {
	cursor: default;
}

a.column-head {
    color: #ddd;
}

a.column-head.active-column {
    color: #fff;
}

a.column-head span {
    color: #ddd;
    font-weight: normal;
}

a.column-head.active-column span {
    color: #eee;
}

.page-button-fwd, .page-button-back {
    cursor: pointer;
    position: relative;
    top: 4px;
}

.disabled-button {
    cursor: default;
}

.page-button-fwd {
    margin-left: 15px;
    top: 3px; 
}

.page-button-back {
    margin-right: 15px; 
}

table caption span {
    color: #336;
}

table caption span.item-count {
    color: #669;
}

table caption span.page-count {
    color: #ccf;
}

#tables table td.no-data {
    text-align: center;
}

td.no-data span {
    color: #ccc;
    font-size: 1.1em;
    font-weight: bold;
}

#tables.stats.full-width {
    width: 100%;
}

#tables table.pageNav {
	background-color: #88a;
	width: 95%;
	margin-top: 10px;
	border-color: #999;
	text-align: center;
}

#tables table.pageNav tr td {
    border: 1px dashed #666;
    background-color: #779;
    color: #99f;
    text-align: center;
}

#tables table.pageNav tr td sup {
	display: none;
	font-size: 0.4em;
	font-weight: normal;
}

#tables table.pageNav tr td.nav-selected {
	color: #eee;
}

#tables table.pageNav tr td.nav-selected sup {
	display: none;
    font-size: 0.4em;
    font-weight: normal;    
}

#tables table.pageNav tr td.nav-inactive {
	display: none;
	color: #668;
}

.hellip {
	float: left;
}